<template>
  <div>
    <el-button size="small" round @click="dialogVisible = true">投递简历</el-button>
    <el-dialog
        title="选择投递的简历"
        :visible.sync="dialogVisible"
        width="30%"
        :before-close="handleClose">
      <h3>在线简历</h3>
      <el-button @click="choose" size="small" id="online-list" v-for="item in onlineList" :key="item.id">{{item.name}}</el-button>
      <h3>附件简历</h3>
      <el-button @click="choose" size="small" id="annex-list" v-for="item in annexList" :key="item.id">{{item.name}}</el-button>

      <span slot="footer" class="dialog-footer">
  </span>
    </el-dialog>
  </div>

</template>

<script>
export default {
name: "delivery",
  data() {
    return {
      dialogVisible: false,
      onlineList:[
        {id:1,name:'个人简历一'},
        {id:2,name:'个人简历二'},
        {id:3,name:'个人简历三'},
      ],
      annexList:[
        {id:1,name:'附件简历一'},
        {id:2,name:'附件简历二'},
        {id:3,name:'附件简历三'},
      ]
    };
  },
  methods: {
    choose(){
      this.$message.success("投递成功!")
      this.dialogVisible=false
    },
    handleClose(done) {
      this.dialogVisible=false
    }
  }
}
</script>

<style scoped>

</style>
